<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Resto</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<header class="public-header">
		<div class="public-container clearfloat">
			<div class="header-logo"><a href=""></a></div>
			<nav class="header-nav clearfloat">
				<a class="header-nav-item" href="">Our Story</a>
				<a class="header-nav-item" href="">Menu</a>
				<a class="header-nav-item" href="">Reservations </a>
				<a class="header-nav-item" href="">News</a>
				<a class="header-nav-item" href="">Rviews</a>
			</nav>
		</div>
	</header>
	<div class="index-banner">
		<div class="index-banner-img">
			<img src="imgs/index-banner-bg.png" alt="">
		</div>
		<div class="index-banner-text">
			<div class="text-logo"></div>
			<p>
				<i></i>
				<span class="text">resto restaurant home page website template</span>
				<i></i>
			</p>
		</div>
	</div>
	<div class="index-menu">
		<div class="menu-tip">The Menu</div>
		<div class="public-container menu-list clearfloat">
			<ul class="list-col clearfloat">
				<li class="menu-item">
					<div class="item-title">
					Voluptate cillum fugiat.
					<i class="line"></i>
					</div>
					<div class="item-dt">Cheese, tomato, mushrooms, onions.</div>
					<div class="item-price">$50</div>
				</li>
				<li class="menu-item">
					<div class="item-title">
					Metus varius laoreet.
					<i class="line"></i>
					</div>
					<div class="item-dt">Chicken, mozzarella cheese, onions.</div>
					<div class="item-price">$62</div>
				</li>
				<li class="menu-item">
					<div class="item-title">
					Donec sodales magna.
					<i class="line"></i>
					</div>
					<div class="item-dt">Tuna, Sweetcorn, Cheese.</div>
					<div class="item-price">$25</div>
				</li>
				<li class="menu-item">
					<div class="item-title">
					Saugue velit cursus.
					<i class="line"></i>
					</div>
					<div class="item-dt">Pineapple, Minced Beef, Cheese.</div>
					<div class="item-price">$30</div>
				</li>
			</ul>
			<ul class="list-col clearfloat">
				<li class="menu-item">
					<div class="item-title">
					Arcu pede enim justo.
					<i class="line"></i>
					</div>
					<div class="item-dt">Tuna, Sweetcorn, Cheese.</div>
					<div class="item-price">$45</div>
				</li>
				<li class="menu-item">
					<div class="item-title">
					Cras dapibussemper nisi.
					<i class="line"></i>
					</div>
					<div class="item-dt">Pineapple, Minced Beef, Cheese.</div>
					<div class="item-price">$32</div>
				</li>
				<li class="menu-item">
					<div class="item-title">
					Quam semper libero.
					<i class="line"></i>
					</div>
					<div class="item-dt">Cheese, tomato, mushrooms, onions.</div>
					<div class="item-price">$15</div>
				</li>
				<li class="menu-item">
					<div class="item-title">
					Nam eget dui Etiam.
					<i class="line"></i>
					</div>
					<div class="item-dt">Chicken, mozzarella cheese, onions.</div>
					<div class="item-price">$35</div>
				</li>
			</ul>
		</div>
		<div class="menu-btn">
			load more
			<span style="margin: 0 10px;">|</span>
			<img class="btn-logo" src="imgs/index-menu-btn-logo.png" alt="下拉"> 
		</div>
	</div>
	<div class="index-panel public-container">
		<div class="index-panel-header">
			Featured Dishes
			<i class="line"></i>
			<nav class="btn-group clearfloat">
				<a class="panel-btn " href=""></a>
				<a class="panel-btn btn-active" href=""></a>
				<a class="panel-btn " href=""></a>
				<a class="panel-btn " href=""></a>
			</nav>
		</div>
		<div class="panel-body">
			<ul class="panel-foods clearfloat">
				<li class="food-item clearfloat">
					<img src="imgs/index-panel-food1.png" alt="">
					<p class="food-info clearfloat">
						Fugiat nulla sint
						<span class="food-price">$30</span>
					</p>
					<ul class="food-ass">
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item bad-ass"></li>
					</ul>
				</li>
				<li class="food-item clearfloat">
					<img src="imgs/index-panel-food1.png" alt="">
					<p class="food-info clearfloat">
						Fugiat nulla sint
						<span class="food-price">$30</span>
					</p>
					<ul class="food-ass">
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item bad-ass"></li>
					</ul>
				</li>
				<li class="food-item clearfloat">
					<img src="imgs/index-panel-food1.png" alt="">
					<p class="food-info clearfloat">
						Fugiat nulla sint
						<span class="food-price">$30</span>
					</p>
					<ul class="food-ass">
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item bad-ass"></li>
					</ul>
				</li>
				<li class="food-item clearfloat">
					<img src="imgs/index-panel-food1.png" alt="">
					<p class="food-info clearfloat">
						Fugiat nulla sint
						<span class="food-price">$30</span>
					</p>
					<ul class="food-ass">
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item"></li>
						<li class="ass-item bad-ass"></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<div class="index-panel public-container">
		<div class="index-panel-header">
			The Gallery
			<i class="line"></i>
		</div>
		<div class="panel-body clearfloat">
			<img src="imgs/food1.png" alt="" class="food-img">
			<img src="imgs/food2.png" alt="" class="food-img">
			<img src="imgs/food3.png" alt="" class="food-img">
			<img src="imgs/food4.png" alt="" class="food-img">
			<img src="imgs/food5.png" alt="" class="food-img">
		</div>
	</div>
	<footer class="public-footer">
		<div class="public-container clearfloat">
			<div class="footer-col">
				<p>New York Restaurant<br>3926 Anmoore Road<br>New York, NY 10014<br>718-749-1714</p>
			</div>
			<div class="footer-col">
				<p>France Restaurant<br>68, rue  de la Couronne<br>75002 PARIS<br>02.94.23.69.56</p>
			</div>
			<div class="footer-col">
				<a href="">Blog</a>
				<a href="">Careers</a>
				<a href="">Privacy</a>
				<a href="">Contact</a>
			</div>
			<div class="footer-col">
				<div class="footer-logo"><a href=""></a></div>
				<p>© All Rights Reserved 2014.<br>Find  More at Pixelhint.com</p>
			</div>
		</div>
	</footer>
</body>
</html>
